:root {
    --main-gradient: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%);
    /* --theme-border:#5d4f88; */
    --theme-border: #685d7d;
    --theme-purple-bg: #0f0221;
    --theme-blue: #0965F8;
    --theme-text-blue: #0781FA;
    --theme-bg-black: #000000;
    --theme-bg-blue: #0965F8;
    --ruso: 'Russo One', sans-serif;
    --montserrat: 'Montserrat', sans-serif;
    --philosopher: "Philosopher", sans-serif;
    --text-white: #ffffff;
    --theme-bg-black: #000000;
    --theme-bg-white: #ffffff;
    --text-black: #000000;
    --anim-white: white;
    --theme-prpl-bg: rgb(13 15 20);
    --theme-gradient: linear-gradient(83.21deg, #3245ff 0%, #b845ed 100%);
    /* --var(--anim-white):var(--anim-white); */
}


h2 {
    font-family: merriweather, serif;
    font-weight: 800;
}

.ff-merriweather {
    font-family: merriweather, serif !important;
}

p {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;

}

.ff-rusOne {
    font-family: 'Russo One', sans-serif !important;
}

.ff-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

.theme-black-bg {
    background: #000000 !important;
}

.theme-blue-color {
    color: #0965F8;
}

.section-padding-100 {
    padding: 100px 0;
}

.section-padding-50 {
    padding: 50px 0;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.section-head>h2 {
    font-size: 30px;
}

.as_footer_logo>a>img {
    width: 80px;
    height: auto;
}

a.navbar-brand>img {
    width: 80px;
    height: auto;
}

li.ast_search,
li.ast_cart {
    padding-left: 0;
    margin-left: 20px;
}

/* ========================================== */
/* header code start  */
/* ========================================== */


nav.navbar {
    width: 100%;
    border-bottom: 1px solid #6d6d6d;
}

.top-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__topnav-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.profile-wrap-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-img>img {
    width: 50px;
    height: auto;
}

.profile-wrap {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.veda-widget__subtitle {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}

.search-trigger {
    position: relative;
    left: 15%;
    cursor: pointer;
}

nav.bottom-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ffffff;
    background: linear-gradient(178.1deg, #5b04ab 8.5%, #5b04ab 82.4%);
}

nav.nav__topnav {
    border-bottom: 1px solid #ffffff;

    background: linear-gradient(90deg,
            rgb(253, 67, 182),
            rgb(246, 158, 217),
            rgb(253, 72, 113),
            rgb(252, 95, 121),
            rgb(123, 168, 239));
}

.pag-top-title {
    color: #000000;
    font-family: merriweather, serif;
    font-size: 30px;
    line-height: 1.63;
    letter-spacing: normal;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    text-align: center;
}

.page-subtitle {
    color: #000000;
    font-family: merriweather, serif;
    font-size: 1rem;
    line-height: 1.63;
    letter-spacing: normal;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    text-align: center;
}

header {
    position: relative;
    z-index: 9;
    background: #101010;
    background: linear-gradient(178.1deg, #8a2be1 8.5%, #8a2be1 82.4%);
}

.social-links>div {
    margin: 10px 0px;
}

.page-links>a {
    margin: 5px 0px;
}

.quick-links>a {
    margin: 5px 0px;
}

footer {
    background: linear-gradient(178.1deg, #8a2be1 8.5%, #8a2be1 82.4%);
}

/* .navbar.nav-scroll {
    background: #fff !important;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    padding: 0;
    position: fixed !important;
    top: -100px !important;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 5px 0px;
    z-index: 9999;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
} */

ul.dropdown-menu>li:last-child>a {
    /* padding-bottom: 10px; */
    margin-bottom: 10px;
}

ul.dropdown-menu>li:first-child>a {
    /* padding-top: 10px; */
}

.business-process-section-three {
    background: #F3F7FE;
}

.section-head>h2 {
    font-weight: 800;
}

.dropdown-menu {
    column-count: 2;
    border-radius: 0px !important;
    margin-top: 9px !important;
    background: #8a2be1;
}

.sections-Wrapper>section {
    overflow: hidden;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: white !important;
    background: black !important;

}

.dropdown-menu a.dropdown-item {
    /* border: 1px solid var(--theme-border); */
    border-bottom: 1px solid;
    color: white;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: rgb(255 255 255) !important;
}

.dropend .dropdown-toggle::after {
    transform: rotate(90deg);
    position: relative;
    left: 5px;
}

.navbar-nav .dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    top: 31px;
}

ul.dropdown-menu.pos-adj.show {
    top: 30px !important;
}

.ai-logo {
    max-width: 200px;
}

.navbar .nav-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .nav-side .hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .nav-side .hotline .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background: #1A142D;
    color: #fff;
    font-size: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 2px solid #635985;
}

.cb-navbar-container {
    border-radius: 25px;
}

s .navbar-nav .nav-item a {
    color: var(--white);
}

a.nav-link.active {
    color: rgb(0, 0, 0) !important;
}

.contact small,
h6 {
    color: var(--anim-white) !important;
}

ul.navbar-nav {
    align-items: center;
    gap: 35px;
    flex-direction: row;
    justify-content: center;
}

ul.dropdown-menu li a {
    color: var(--anim-white) !important;
    /* background: var(--theme-bg-black); */
}

ul.dropdown-menu {
    padding: 0px;
    border: none;

}



.navbar-nav .nav-item .nav-link {
    color: var(--text-white) !important;
    font-weight: 500;
}

/* ul.dropdown-menu li.dropend {
    border: 1px solid white;
} */
ul.dropdown-menu li a:hover {
    background: #333333;
}


/* ========================================== */
/* header code end  */
/* ========================================== */

.as_banner_wrapper {
    background: url("https://www.astrology.com/img/backgrounds/bg-clouds-header-1440w.jpg");
    /* background: url('../images/astro.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    background: white;
}

.articles-reports-widget h4 {
    font-size: 22px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.articles-reports-widget h6 {
    line-height: 22px;
    font-family: khand, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .54px;
    text-transform: false;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: 2.76;
}

a.home-widget {
    text-decoration: none;
    /* background-color: #fd834e; */
    width: 48%;
}

.premium-report {
    background: blueviolet;
}

a.home-widget .inner h4 {
    font-size: 22px;
    color: white;
}

a.home-widget .inner .hide-small {
    font-size: 16px;
    color: white;
}

.astrology-chart-card .home-module__content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;

}

.astrology-chart-card .home-module__media {
    margin-right: 20px;
    width: 100px;
    height: auto;
}

.astrology-chart-card .home-module__title {
    font-family: caslongrad, serif;
    font-size: 24px;
    letter-spacing: .88px;
}

.astrology-chart-card .home-module__cta {
    font-size: 14px;
    letter-spacing: .88px;
    margin-top: 10px;
}

.astrology-chart-card {
    background: #a892d2;
    background: -moz-linear-gradient(220deg, rgb(168, 146, 210) 13%, rgb(94, 89, 182) 107%);
    background: -webkit-linear-gradient(220deg, rgb(168, 146, 210) 13%, rgb(94, 89, 182) 107%);
    background: linear-gradient(220deg, rgb(168, 146, 210) 13%, rgb(94, 89, 182) 107%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a892d2", endColorstr="#5e59b6", GradientType=1);
}

.btn__light {
    background-color: #fff;
    border: 1px solid #ced6e0;
    color: #30385b;
}

.astrology-chart-card .yn-tarot-deck--sm {
    display: block;
    height: 78px;
    position: relative;
    width: 140px;
}

.astrology-chart-card .yn-tarot-card--sm.card-1 {
    bottom: 7px;
    left: 4px;
    z-index: 1;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.astrology-chart-card .yn-tarot-card--sm.card-2 {
    bottom: 7px;
    left: 24px;
    z-index: 2;
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.astrology-chart-card .yn-tarot-card--sm.card-3 {
    bottom: 3px;
    left: 44px;
    z-index: 3;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.astrology-chart-card .yn-tarot-card--sm.card-4 {
    bottom: 7px;
    left: 68px;
    z-index: 1;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

.astrology-chart-card .yn-tarot-card--sm.card-5 {
    bottom: 7px;
    left: 92px;
    z-index: 0;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.astrology-chart-card .yn-tarot-card {
    background: url("https://www.astrology.com/img/tarot/card-yes-no-tarot.svg") no-repeat center center/cover;
    cursor: pointer;
    position: absolute;
    top: unset;
}

.astrology-chart-card .yn-tarot-card--sm.card-1,
.astrology-chart-card .yn-tarot-card--sm.card-5 {
    height:
        61.2px;
    width: 42.84px;
}

.astrology-chart-card .yn-tarot-card--sm.card-2,
.astrology-chart-card .yn-tarot-card--sm.card-4 {
    height: 65.52px;
    width: 45.864px;
}

.astrology-chart-card .yn-tarot-card--sm.card-3 {
    height: 72px;
    width: 50.4px;
}

.home-module__text-container.text-center-sm {
    width: 65%;
}

.explore-astro {
    margin: 40px auto 0;
    max-width: 267px;
    display: flex;
    margin: 20px auto 0;
    width: 100%;
    background-color: #4d48af;
    color: #fff;
    justify-content: space-around;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}

a.horoscope-widget {
    text-decoration: none;
    background-color: #1e2131;
    width: 100%;
    display: block;
}

a.horoscope-widget .inner h4 {
    font-size: 22px;
    color: white;
}

a.horoscope-widget .inner .hide-small {
    font-size: 16px;
    color: white;
}

.horoscope-main-row>.col-lg-4:nth-child(1)>.horoscope-widget {
    background: #00CED1;
}

.horoscope-main-row>.col-lg-4:nth-child(2)>.horoscope-widget {
    background: #ffb500;
}

.horoscope-main-row>.col-lg-4:nth-child(3)>.horoscope-widget {
    background-color: #FF00FF;
}

.horoscope-main-row>.col-lg-4:nth-child(4)>.horoscope-widget {
    background: #FF7F50;
}

.horoscope-main-row>.col-lg-4:nth-child(6)>.horoscope-widget {
    background: #E6E6FA;
}

.horoscope-main-row>.col-lg-4:nth-child(7)>.horoscope-widget {
    background: #5f902f;
}

.horoscope-main-row>.col-lg-4:nth-child(8)>.horoscope-widget {
    background: #87CEEB;
}

.card.get-live-tarrot {
    background: linear-gradient(228deg, rgb(150, 209, 178) 8%, rgb(150, 209, 178) 8%, rgb(0, 126, 180) 114%);
    color: white;
}

.compatibility-tarrot {
    background: linear-gradient(226deg, rgb(228, 147, 174) 22%, rgb(225, 98, 149) 117%);
    color: white;
}

.articles-text-wrap h4 {
    font-size: 22px;
    padding-top: 10px;
}

.articles-text-wrap h6 {
    font-size: 15px;
}

.articles-text-wrap {
    border-bottom: 2px solid grey;
}

.text-container {
    max-width: 500px;
}


/* footer-code  */
.footer-wrapper .footer {
    background: 0 0;
    border-top: 1px solid #6d6d6d;
    padding: 30px 10px;
}

.links a {
    color: white;
    text-decoration: none;
}

a.share-icon {
    background: white;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

a.share-icon>i {
    color: black;
}

.share-icons-container {
    display: flex;
    gap: 10px;
}

a.logo>img {
    width: 90px;
    height: auto;
    display: block;
}

.zs-ribbon-list>li>a {
    color: white;
    text-decoration: none;
}

div#searchBar {
    background: #4d48af;
    border-top: 1px solid #6e89fc;
    padding: 24px 15px;
    width: 100%;
    z-index: 21;
    position: absolute;
    top: 0;
    background: #8a2be1;
}

.search-bar form input {
    border: none;
    box-sizing: border-box;
    color: #fff;
    height: 30px;
    padding: unset;
    width: 100%;
    z-index: 22;
    font-family: khand, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: none;
    background: transparent;
}

.search-bar__inner {
    line-height: 20px;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.search-bar form {
    background: 0 0;
    padding: 0 30px;
    position: relative;
    width: 100%;
}

.search-bar form input::placeholder {
    color: white;
    font-size: 18px !important;
}

input#searchInput:focus {
    background: transparent;
    box-shadow: none;
    color: white;
    font-size: 18px;
}

.search-pos {
    position: absolute;
    top: 5px;
    left: 0px;
}

.search-close>i {
    color: white;
    font-size: 20px;
    cursor: pointer;
}

a.sign-card>img {
    filter: invert(1);
    width: 30px;
    height: auto;
}

a.sign-card {}

a.sign-card {
    border: 1px solid gray;
    border: 1px solid rgba(255, 255, 255, .5);
    height: 90px;
    padding: 15px 0 20px;
    text-decoration: none;
    min-width: 72px;
    padding: 7px;
}

span.sign-name {
    color: white;
}

.find-sign {
    padding: 0px 150px;
}

.horo-card {
    text-decoration: none;
}

.horo-card .card__title {
    color: #ddd;
    line-height: normal;
    font-family: khand, sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.card__description {
    color: #ddd;
    line-height: 1.63;
    margin-bottom: 15px;
    text-transform: none;
    font-family: merriweather, serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
}

.card__cta {
    color: #6e89fc;
}

.horo-card .card {
    background: transparent;
    border: 1px solid grey;
    margin-bottom: 20px;
}

section.snippet {
    padding: 0px 220px;
    background: var(--theme-bg-white);
    margin: 0px !important;
}

.snippet .section__title {
    font-weight: 500;
    line-height: 1.07;
    letter-spacing: normal;
    text-transform: capitalize;
    font-family: caslongrad, serif;
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: normal;
    color: var(--text-black);
}

.byline a {
    color: #6e89fc;
    text-decoration: underline;
    text-transform: inherit;
    font-family: merriweather, serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: inherit;
}

h4.snippet__title {
    color: var(--text-black);
}

.snippet__body span {
    color: var(--text-black);

}

.custom-aplus-text-link {
    color: var(--text-black);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 10px 0px;
}

.shop-astro .card-text {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.shop-astro .card {
    min-height: 318px !important;
    background: transparent;
    color: white;
}

.shop-astro a {
    text-decoration: none;
}

.shop-pagination {
    float: right;
    background: #95cc00;
}

.shop-pagination .page-link {
    background: transparent;
    color: white;
}

.learn-row .card {
    max-width: 300px;
    width: 100%;
    min-height: 313px;
    margin: 0 auto;
}

.learn-row img.card-img-top {
    width: 100px;
    height: auto;
}

.card.learn-slider-card.position-relative {
    background: #1E2131;
    min-height: 120px;
    background: #1E2131;
}

.swp-btn-wrap>.swp-next {
    background: transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border: 1px solid;
}

.swp-btn-wrap>.swp-next:after,
.swp-btn-wrap>.swp-prev:after {
    font-size: 14px;
}

.swp-btn-wrap>.swp-next:after,
.swp-btn-wrap>.swp-prev:after {
    font-size: 14px;
}

.swp-btn-wrap>.swp-prev {
    background: transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border: 1px solid white;
}

.swp-btn-wrap {
    position: absolute;
    right: 36px;
    width: 100px;
    top: 0px;
}

.learn-slider-card a.home-widget .inner .hide-small {
    font-size: 13px;
    color: white;
    width: 61px;
    height: auto;
    object-fit: contain;
}

.card.learn-slider-card.position-relative {
    background: #1E2131;
    min-height: 136px;
}

.learn-more-row .card {
    background: transparent;
}

.learn-more-row .card-img-top {
    width: 200px;
    height: auto;
}

.learn-articles-wrap .card {
    min-height: 350px;
}

div#docsearch {
    position: relative;
}

.header-search-input {
    padding: 10px;
    border-radius: 5px;
    padding: 10px 10px 10px 45px;
    height: 41px;
    background: rgba(0, 0, 0, 0.04);
    background: transparent;
    color: white;
}

div#docsearch>img {
    position: absolute;
    left: 12px;
    top: 12px;
    filter: invert(11);
}

/* .blogs-page .section-two-blogs a.cat-links {
    border-radius: 54px;
    border: 1px solid #404040;
    padding: 10px 15px;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    min-width: fit-content;
    margin: 5px;
    font-size: 15px;
} */
a.cat-links {
    color: white;
    border: 1px solid white;
    padding: 7px 10px;
    border-radius: 4px;
}

.header-search-input::placeholder {
    color: white;
}

.learn-widgets>a.home-widget:nth-child(1) {
    text-decoration: none;
    background-color: #d5d500;
    /* width: 48%; */
}

.learn-widgets>a.home-widget:nth-child(2) {
    text-decoration: none;
    background-color: #00FF00;
    /* width: 48%; */
}

.learn-widgets>a.home-widget:nth-child(3) {
    text-decoration: none;
    background-color: #0000FF;
    /* width: 48%; */
}

.learn-widgets>a.home-widget:nth-child(4) {
    text-decoration: none;
    background-color: #FFA500;
    /* width: 48%; */
}

.horoscope-main-row>.col-lg-4:nth-child(5)>.horoscope-widget {
    background: #FFC0CB;
}

.tarrot-page .daily-horoscope .horo-card .card {
    background: transparent;
    border: none;
    margin-bottom: 20px;
    min-height: 280px;
}

.tarrot-page .card__description {
    color: #ddd;
    line-height: 1.63;
    margin-bottom: 15px;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
}

.what-is-tarrot .card {
    position: relative;
    background: #262626;
}

.what-is-tarrot .card img,
.what-is-tarrot .card .card-title,
.what-is-tarrot .card .card-text {
    z-index: 9;
}

/* .what-is-tarrot .card:before {
    background: url(https://www.astrology.com/img/backgrounds/bg-white-speckles-poster.jpg);
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.tarrot-page .img-head-wrap {
    display: flex;
    flex-direction: column;
}

.horoscope-page {}

.horoscope-page .col-lg-1:nth-child(1) .sign-card {
    background: #b7be01;
}

.horoscope-page .col-lg-1:nth-child(2) .sign-card {
    background: #F57D1F;
}

.horoscope-page .col-lg-1:nth-child(3) .sign-card {
    background: #9F70FD;
}

.horoscope-page .col-lg-1:nth-child(4) .sign-card {
    background: #0D9276;
}

.horoscope-page .col-lg-1:nth-child(5) .sign-card {
    background: #944E63;
}

.horoscope-page .col-lg-1:nth-child(6) .sign-card {
    background: #FC6736;
}

.horoscope-page .col-lg-1:nth-child(7) .sign-card {
    background: #3652AD;
}

.horoscope-page .col-lg-1:nth-child(8) .sign-card {
    background: #910A67;
}

.horoscope-page .col-lg-1:nth-child(9) .sign-card {
    background: #B80000;
}

.horoscope-page .col-lg-1:nth-child(10) .sign-card {
    background: #5F0F40;
}

.horoscope-page .col-lg-1:nth-child(11) .sign-card {
    background: #5FBDFF;
}

.horoscope-page .col-lg-1:nth-child(12) .sign-card {
    background: #E48F45;
}

.card.dh-1 {
    background: #363062 !important;
}

.card.dh-2 {
    background: #4CB9E7 !important;
}

.card.dh-3 {
    background: #FB8B24 !important;
}

.card.dh-4 {
    background: #E26EE5 !important;
}

.card.dh-5 {
    background: #C21292 !important;
}

.card.dh-6 {
    background: #1B4242 !important;
}

.card.dh-7 {
    background: #3081D0 !important;
}

.card.dh-8 {
    background: #7B66FF !important;
}

.card.dh-9 {
    background: #6B240C !important;
}

.card.dh-10 {
    background: #9AD0C2 !important;
}

.card.dh-11 {
    background: #2D9596 !important;
}

.card.dh-12 {
    background: #7C93C3 !important;
}

.learn-slider-card.ma-1 {
    background: #E48F45 !important;
}

.learn-slider-card.ma-2 {
    background: #706233 !important;
}

.learn-slider-card.ma-3 {
    background: #1640D6 !important;
}

.learn-slider-card.ma-4 {
    background: #776B5D !important;
}

.learn-slider-card.ma-5 {
    background: #FA7070 !important;
}


.card.fg-1 {
    background: #F4CE14 !important;
}

.card.fg-2 {
    background: #6C5F5B !important;
}

.card.fg-3 {
    background: #99B080 !important;
}

.card.fg-4 {
    background: #F8BDEB !important;
}

.card.fg-5 {
    background: #9A4444 !important;
}

.section-3 .learn-more-row .card {
    background: #a16666;
}

.compatibility-page .section-3 .zw-1 {
    background: #0D9276;
}

.compatibility-page .section-3 .zw-2 {
    background: #27ff01;
}

.compatibility-page .learn-articles-wrap .card.la-1 {
    min-height: 343px;
    background: #555843 !important;
}

.compatibility-page .learn-articles-wrap .card.la-2 {
    min-height: 343px;
    background: #610C9F !important;
}

.compatibility-page .learn-articles-wrap .card.la-3 {
    min-height: 343px;
    background: #141E46 !important;
}

.tarrot-page .learn-articles-wrap .card.la-1 {
    min-height: 343px;
    background: #555843 !important;
}

.tarrot-page .learn-articles-wrap .card.la-2 {
    min-height: 343px;
    background: #610C9F !important;
}

.tarrot-page .learn-articles-wrap .card.la-3 {
    min-height: 343px;
    background: #141E46 !important;
}

.tarrot-page .learn-articles-wrap .card>img,
.compatibility-page .learn-articles-wrap .card>img {
    min-height: 227px;
    object-fit: cover;
    max-height: 400px;
}

.compatibility-page .learn-more-row .card-img-top {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.tarrot-page .section-3 .learn-more-row .card {
    min-height: 300px !important;
}

.learn-articles-wrap .learn-articles-wrap .card.la-1 {
    min-height: 343px;
    background: #555843 !important;
}

.learn-articles-wrap .learn-articles-wrap .card.la-2 {
    min-height: 343px;
    background: #610C9F !important;
}

.learn-articles-wrap .learn-articles-wrap .card.la-3 {
    min-height: 343px;
    background: #610C9F !important;
}

.profile-img.s>img {
    border-radius: 50% !important;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.veda-widget__title {
    font-size: 19px;
    font-weight: 700;
}

a {
    text-decoration: none;
}

.tarrot-page .horo-card .card__title {
    color: #ddd;
    line-height: normal;
    font-family: khand, sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.h-custom {
    height: calc(100% - 73px);
}

.sign-in-page .login-section {
    background-color: #000000;
}

section.snippet .card>img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

/* payment code  */

.as_shopsingle_wrapper,
.as_cartsingle_wrapper,
.as_checkout_wrapper {
    /* background-image: url('https://kamleshyadav.com/html/astrology/version-2/assets/images/bg4.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
}

.checkout_wrapper_box {
    text-align: center;
    /* background-color: black; */
    padding: 40px;
    border-radius: 10px;
}

.checkout_wrapper_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.checkout_wrapper_box .form-control {
    border: 1px solid rgb(255 255 255 / 10%);
}

textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 15px;
}

.as_login_data {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
}

.as_login_data label {
    font-weight: 400;
    margin: 0;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.as_login_data label input {
    display: none;
}

.as_login_data label .checkmark {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    background-color: #031d2e;
    border-radius: 4px;
    top: 4px;
}

.as_login_data label .checkmark:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg) scale(0);
    top: 5px;
    left: 4px;
}

.as_btn.next {
    /* height: 50px; */
    background-color: #4d48af;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding: 7px 50px;
    position: relative;
    margin-left: 15px;
    color: white;
    border: none !important;
    outline: none;
    width: auto;
    transition: 0.2s linear;
    border-radius: 5px;
}

.sign-in-img-wrap>img {
    max-width: 500px;
}

.sign-up-img-wrap>img {
    max-width: 500px;
}

.la img {
    max-height: 400px !important;
}

a.horo-card.text-center img {
    width: 62px;
    height: auto;
}

.section-three-zoidiac-wisdom .card .card-img-top {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

/* .checkout_wrapper_box .step:not(:first-of-type) {
    display: none;
} */
ul#progressbar>li {
    color: white;
    background: linear-gradient(220deg, rgb(168, 146, 210) 13%, rgb(94, 89, 182) 107%);
    padding: 10px;
    border-radius: 5px;
}

ul#progressbar {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

input.form-control::placeholder {
    color: rgb(0, 0, 0);
}

textarea::placeholder {
    color: rgb(0, 0, 0);
}

input.form-control {
    background: #8a2be1;
}

select.form-select {
    background: #8a2be1;
}

textarea.form-control {
    background: #8a2be1;
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}

.thanks-message-modal .modal-content {
    background: linear-gradient(178.1deg, #8a2be1 8.5%, #8a2be1 82.4%);
}

.zodiac-sign-card.card {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0);
}

.zodiac-sign-card .card-body {
    color: white;
}

input.form-control::placeholder {
    color: white;
}

select.form-select {
    background: #8a2be1;
    color: white;
}

a.logo {
    display: block;
    width: 100px;
}

.sections-Wrapper.compatibility-page a {
    text-decoration: none;
    width: fit-content;
    display: block;
}

.learn-articles-wrap .card img {
    max-height: 360px;
    object-fit: cover;
}

/* Custom styles for search bar */
.search-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f8f9fa;
    padding: 10px;
    display: none;
}

.search-bar.show {
    display: block;
}

.search-pos {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.video-player-box {
    max-width: 600px;
    width: 100%;
}

video#mainVideoPlayer {
    width: 100%;
}

div#videoCarousel {
    max-width: 600px;
    height: 230px;
}

.carousel-inner video {
    height: 100%;
    width: 100%;
}

.tarot-deck .card {
    cursor: pointer;
    width: 95px;
    height: auto;
    margin-left: -80px;
    margin-top: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
    position: relative;
    transition: transform .3s ease-in-out;
}

.tarot-deck .card:hover {
    transform: translate(0, -1rem);
}

.tarot-section {
    text-align: center;
    padding: 40px 0;
}

.tarot-section h2 {
    margin-bottom: 20px;
}

.tarot-button {
    background-color: #ffc107;
    color: #000;
    border: none;
    padding: 10px 20px;
    margin: 5px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
}

.tarot-button i {
    margin-right: 5px;
}

.tarot-button:hover {
    background-color: #e0a800;
    color: #fff;
}

.tarot-deck.yellow-bg.text-center {
    z-index: 8;
    position: relative;
}

.learn-slider .slick-track {
    display: flex;
    gap: 10px;
}

.horopages-page button.horoscope-btn {
    background: #ff993e;
    border: 1px solid lightgray;
    padding: 5px 10px;
}

.horopages-page .horoscope-card {
    text-align: center;
}

.horopages-page .horoscope-card img {
    width: 100%;
    height: auto;
}

.horopages-page .horoscope-caption {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}

.free-birth-chart-page .form-container {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 50px auto;
}

.free-birth-chart-page .form-container h3 {
    text-align: center;
    margin-bottom: 20px;
}

.free-birth-chart-page .form-container .form-check-label {
    font-size: 14px;
}

.free-birth-chart-page .form-container .btn-primary {
    background-color: #7C43BD;
    border: none;
}

.free-birth-chart-page .form-container .btn-primary:hover {
    background-color: #6935A6;
}

.free-birth-chart-page .form-container .text-muted {
    font-size: 14px;
}

.free-birth-chart-page .form-container .text-muted a {
    color: #E74C3C;
    text-decoration: none;
}

.free-birth-chart-page .form-container .text-muted a:hover {
    text-decoration: underline;
}

.free-birth-sec {
    background: lightgray;
}

.birthday-ideas i {
    color: black;
    font-size: 56px;
}

.birthday-ideas h4 {
    font-size: 15px;
    text-align: center;
    color: black;
}

.birthday-ideas a {
    text-align: center;
}

.taro-1-img {
    max-width: 360px;
    /* margin-right: auto; */
}

.zodiac-cards img {
    width: 130px;
    height: 130px;
    object-fit: contain;
    margin: auto;
    margin-top: 15px;
}

.navbar-toggler-icon {

    filter: invert(1);
}

button.navbar-toggler {
    border: 1px solid white;
}

.zodiac-cards .cards,
.zodiac-cards .card {
    height: 100%;
}

button.btn-skin.btn-purple {
    background: #8a2be1;
    color: white;
    padding: 6px;
    border-radius: 5px;
    border: none;
    height: 37px;
}

.sections-Wrapper>section {
    overflow: hidden;
}

section.as_banner_wrappers.section-3 {
    background: linear-gradient(90deg, rgb(253, 67, 182), rgb(246, 158, 217), rgb(253, 72, 113), rgb(252, 95, 121), rgb(123, 168, 239));
}

@media screen and (max-width:991px) {
    ul.navbar-nav {

        flex-direction: column;

    }
    .what-is-tarrot .card img {
        width: 30%;
        margin: 0 auto;
    }
    .navbar-nav .dropdown-menu {
        position: absolute !important;
        left: 0 !important;
        top: 31px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding: 10px;
        border-radius: 14px !important;
    }

    .profile-wrap-main {
        justify-content: end;
    }

    .search-trigger {

        display: none;
    }

    .wrap>img {
        max-width: 10% !important;

    }

    .col-lg-3.powered-by {
        text-align: start !important;
    }

    .wrap {

        justify-content: start;
        align-items: start !important;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .find-sign {
        padding: 0px;
    }

    section.snippet {
        padding: 0px;

    }

}

@media screen and (max-width:576px) {
    .container.zodiac-cards>.row .card {
        text-align: center;
        margin: 0 auto;
    }

    a.home-widget {
        width: 100%;
    }
    .learn-more-row .card>.card-body {
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
        text-align: center;
    }
}

@media screen and (max-width:425px) {
    .dropdown-menu {
        column-count: 1;
        border-radius: 0px !important;
        margin-top: 9px !important;
        background: #8a2be1;
    }

    .zodiac-cards>.row>.col-lg-4.mb-3 {
        display: flex;
        justify-content: center;
    }

    .wrap>img {

        min-width: 70px;
    }
}